<template>
  <div class="tabSearch">
    <input type="text" class="serchInput" v-model="value"/>
  </div>
</template>

<script>
export default {
  name: 'tab-search',
  props: ['searchValue'],
  data() {
    return {
      value: this.searchValue,
    }
  },
  watch: {
    value(newValue) {
      this.$emit('update:tabItem', newValue);
    }
  }
}
</script>

<style>
.tabSearch{
    height: 50px;
    border-bottom: 1px solid #454545;
    padding: 5px 10px;
    box-sizing: border-box;
}
.serchInput{
    width: 380px;
    height: 40px;
    padding: 0;
    margin: 0;
    vertical-align: middle;
    box-sizing: border-box;
}
</style>
